<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<head>
    <%@include file="/include/head.jsp"%>
    <title>个人信息</title>
</head>
<body>
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="${rootPath}/customer/account/info.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">个人信息</h1>
</header>
<div class="mui-content">
    <div class="qy-bg-white qy-padding-left-12px qy-margin-top-8px">
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-border-bottom qy-font-size-18px" href="#uploadimg">
            <div class="mui-col-xs-12 qy-flex qy-flex-text-between">
                <span class="qy-text-gray">头像</span>
                <div class="qy-flex">
                    <img src="${user.headurl}" height="60px" class="qy-full-borderRarius" />
                    <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
                </div>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-border-bottom qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">用户名</div>
            <div class="mui-col-xs-6 qy-text-right">
                ${user.username}
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-border-bottom qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">昵称</div>
            <div class="mui-col-xs-6 qy-text-right">
                ${user.nickname}
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-border-bottom qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">性别</div>
            <div class="mui-col-xs-6 qy-text-right">
                ${user.sex == 0 ? '男' : '女'}
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">出生日期</div>
            <div class="mui-col-xs-6 qy-text-right">
                ${user.birthday}
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
    </div>
    <div class="qy-bg-white qy-padding-left-12px qy-margin-top-8px">
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-border-bottom qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">姓名</div>
            <div class="mui-col-xs-6 qy-text-right">
                ${user.trueName}
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
        <a class="qy-block mui-row qy-padding-horizontal-10px qy-font-size-18px">
            <div class="mui-col-xs-6 qy-text-gray">身份证号</div>
            <div class="mui-col-xs-6 qy-text-right">
                ${user.identity}
                <i class="mui-icon mui-icon-arrowright qy-text-grayc"></i>
            </div>
        </a>
    </div>
</div>
<div id="uploadimg" class="mui-popover mui-popover-action mui-popover-bottom qy-text-center qy-font-size-22px ">
    <div class="qy-bg-white">
        <a class="qy-block qy-border-bottom qy-padding-horizontal-26px qy-text-blue">拍摄</a>
        <a class="qy-block qy-padding-horizontal-26px qy-text-blue">从手机相册上传</a>
    </div>
    <div class="qy-bg-white qy-margin-top-8px qy-padding-horizontal-26px">
        <a class="qy-block qy-text-blue" href="#picture">取消</a>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}static/js/personalInfo.js"></script>